操作类方法

  1. addClass(class|fn)
    作用: 添加一个类
    如果要添加多个, 多个类名之间用空格隔开即可

  2. removeClass([class|fn])
    作用: 删除一个类
    如果想删除多个, 多个类名之间用空格隔开即可

  3. toggleClass(class|fn[,sw])
    作用: 切换类
    有就删除, 没有就添加

示例代码：
var btns = document.getElementsByTagName("button");
btns[0].onclick = function () {
    // $("div").addClass("class1");
    $("div").addClass("class1 class2");
}
btns[1].onclick = function () {
    // $("div").removeClass("class2");
    $("div").removeClass("class2 class1");
}
btns[2].onclick = function () {
    $("div").toggleClass("class2 class1");
}

文本值方法

  1. html([val|fn])
    和原生JS中的innerHTML一模一样
  2. text([val|fn])
    和原生JS中的innerText一模一样
  3. val([val|fn|arr])
    获取输入框中的默认值
示例代码：
    <script>
            var btns = document.getElementsByTagName("button");
            btns[0].onclick = function () {
                $("div").html("<p>我是段落<span>我是span</span></p>");
            }
            btns[1].onclick = function () {
                console.log($("div").html());
            }
            btns[2].onclick = function () {
                $("div").text("<p>我是段落<span>我是span</span></p>");
            }
            btns[3].onclick = function () {
                console.log($("div").text());
            }
            btns[4].onclick = function () {
                $("input").val("请输入内容");
            }
            btns[5].onclick = function () {
                console.log($("input").val());;
            }
    </script>
<body>
    <button>设置html</button>
    <button>获取html</button>
    <button>设置text</button>
    <button>获取text</button>
    <button>设置value</button>
    <button>获取value</button>
    <div></div>
    <input type="text">
</body>